/**
 * 主题样式模板：门户框架、门户内容@iframe
 */
@mixin portal-ui($theme,
 		$headerBorderColor, $headerLogoColor,
 		$topnavBgColor, $topnavBorderColor, $topnavLinkColor, $topnavLinkActiveColor, $topnavLinkCaretColor,
 		$portletBorderColor, $portletControlColor, $portletControlInvertColor) {

	/** 门户框架　*/
	body.#{$theme}.o-portal {
		/** LOGO 头　*/
		.main-header nav.navbar {
			border-bottom-color: $headerBorderColor;
			/** 应用名称　*/
			.navbar-logo-app {
				color: $headerLogoColor;
				a {
					color: $headerLogoColor;
				}
			}
		}

		/** 顶部导航（含顶部菜单） */
		#o-top-nav {
			background: $topnavBgColor;
			border-bottom-color: $topnavBorderColor;

			/** 链接白色，悬浮或打开菜单后为黄色 */
			a {
				color: $topnavLinkColor;
				background: none;
			}
			a:focus, a:hover,
			#o-top-menu .dropdown.open a.dropdown-toggle, // 当前下拉的1级（可以换个颜色）
			#o-top-menu > div > ul > li.active > a, // 当前1级
			#o-top-menu ul.dropdown-menu li > .sub-menu li.active > a.menulink // 当前3级+
			{
				color: $topnavLinkActiveColor;
			}

			/** 1级菜单链接旁边的小三角 */
			#o-top-menu ul.nav.navbar-nav > li .caret {
				border-top-color: $topnavLinkCaretColor;
			}
		}
	}

	/** 门户内容@iframe　*/
	body.#{$theme} .o-portal-content-wrapper {
		/** Portlet　*/
		.o-portlet {
			border-top-color: $portletBorderColor;

			.box-header {
				> .fa, > .glyphicon, > .ion, .box-title,
				.more, .more a {
					color: $portletControlColor;
				}
			}

			/** 搜索栏组件 */
			&.o-portlet-search .box-body {
				.has-feedback .form-control:focus {
					border-color: $portletControlColor;
				}
				.has-feedback span {
					background: $portletControlColor;
					color: $portletControlInvertColor;
				}
			}

			/** 快速导航组件　*/
			&.o-portlet-fastnav .box-body {
				ul li a div.icon {
					background: $portletControlColor;
				}
			}

			/** 页签组件 */
			&.o-portlet-tabs {
				.nav-tabs-custom > .nav-tabs > li.active {
					border-top-color: $portletBorderColor;
				}
			}

		}
	}
}

/* 红色主题 */

$headerBorderColor:         #e89489;
$headerLogoColor:           #ffffff;
$topnavBgColor:             #dd4b39;
$topnavBorderColor:         #ffffff;
$topnavLinkColor:           #ffffff;
$topnavLinkActiveColor:     #fdfaac;
$topnavLinkCaretColor:      #dddddd;
$portletBorderColor:        #dd4b39;	// @see .box-danger
$portletControlColor:       #dc4d38;
$portletControlInvertColor: #ffffff;

@include portal-ui(skin-red-light,
		$headerBorderColor, $headerLogoColor,
		$topnavBgColor, $topnavBorderColor, $topnavLinkColor, $topnavLinkActiveColor, $topnavLinkCaretColor,
		$portletBorderColor, $portletControlColor, $portletControlInvertColor);
@include portal-ui(skin-red,
		$headerBorderColor, $headerLogoColor,
		$topnavBgColor, $topnavBorderColor, $topnavLinkColor, $topnavLinkActiveColor, $topnavLinkCaretColor,
		$portletBorderColor, $portletControlColor, $portletControlInvertColor);

/* 蓝色主题 */

$headerBorderColor:         #40A0DA;
$headerLogoColor:           #ffffff;
$topnavBgColor:             #3C8DBC;
$topnavBorderColor:         #ffffff;
$topnavLinkColor:           #ffffff;
$topnavLinkActiveColor:     #fdfaac;
$topnavLinkCaretColor:      #dddddd;
$portletBorderColor:        #40ACEA;
$portletControlColor:       #3B8DBC;
$portletControlInvertColor: #40ACEA;

@include portal-ui(skin-blue-light,
		$headerBorderColor, $headerLogoColor,
		$topnavBgColor, $topnavBorderColor, $topnavLinkColor, $topnavLinkActiveColor, $topnavLinkCaretColor,
		$portletBorderColor, $portletControlColor, $portletControlInvertColor);
@include portal-ui(skin-blue,
		$headerBorderColor, $headerLogoColor,
		$topnavBgColor, $topnavBorderColor, $topnavLinkColor, $topnavLinkActiveColor, $topnavLinkCaretColor,
		$portletBorderColor, $portletControlColor, $portletControlInvertColor);

/* 紫色主题 */

$headerBorderColor:         #706AC1;
$headerLogoColor:           #ffffff;
$topnavBgColor:             #605CA8;
$topnavBorderColor:         #ffffff;
$topnavLinkColor:           #ffffff;
$topnavLinkActiveColor:     #fdfaac;
$topnavLinkCaretColor:      #dddddd;
$portletBorderColor:        #655DAA;
$portletControlColor:       #5F58A5;
$portletControlInvertColor: #655DAA;

@include portal-ui(skin-purple-light,
		$headerBorderColor, $headerLogoColor,
		$topnavBgColor, $topnavBorderColor, $topnavLinkColor, $topnavLinkActiveColor, $topnavLinkCaretColor,
		$portletBorderColor, $portletControlColor, $portletControlInvertColor);
@include portal-ui(skin-purple,
		$headerBorderColor, $headerLogoColor,
		$topnavBgColor, $topnavBorderColor, $topnavLinkColor, $topnavLinkActiveColor, $topnavLinkCaretColor,
		$portletBorderColor, $portletControlColor, $portletControlInvertColor);

/* 绿色主题 */

$headerBorderColor:         #22C076;
$headerLogoColor:           #ffffff;
$topnavBgColor:             #00A65A;
$topnavBorderColor:         #ffffff;
$topnavLinkColor:           #ffffff;
$topnavLinkActiveColor:     #fdfaac;
$topnavLinkCaretColor:      #dddddd;
$portletBorderColor:        #08C56F;
$portletControlColor:       #00A559;
$portletControlInvertColor: #08C56F;

@include portal-ui(skin-green-light,
		$headerBorderColor, $headerLogoColor,
		$topnavBgColor, $topnavBorderColor, $topnavLinkColor, $topnavLinkActiveColor, $topnavLinkCaretColor,
		$portletBorderColor, $portletControlColor, $portletControlInvertColor);
@include portal-ui(skin-green,
		$headerBorderColor, $headerLogoColor,
		$topnavBgColor, $topnavBorderColor, $topnavLinkColor, $topnavLinkActiveColor, $topnavLinkCaretColor,
		$portletBorderColor, $portletControlColor, $portletControlInvertColor);

/* 黄色主题 */

$headerBorderColor:         #FEB13C;
$headerLogoColor:           #ffffff;
$topnavBgColor:             #FC9311;
$topnavBorderColor:         #ffffff;
$topnavLinkColor:           #ffffff;
$topnavLinkActiveColor:     #fdfaac;
$topnavLinkCaretColor:      #dddddd;
$portletBorderColor:        #F29402;
$portletControlColor:       #F7980B;
$portletControlInvertColor: #F29402;

@include portal-ui(skin-yellow-light,
		$headerBorderColor, $headerLogoColor,
		$topnavBgColor, $topnavBorderColor, $topnavLinkColor, $topnavLinkActiveColor, $topnavLinkCaretColor,
		$portletBorderColor, $portletControlColor, $portletControlInvertColor);
@include portal-ui(skin-yellow,
		$headerBorderColor, $headerLogoColor,
		$topnavBgColor, $topnavBorderColor, $topnavLinkColor, $topnavLinkActiveColor, $topnavLinkCaretColor,
		$portletBorderColor, $portletControlColor, $portletControlInvertColor);

/* 黑色主题 */

$headerBorderColor:         #E8E8E8;
$headerLogoColor:           #0D0D0D;
$topnavBgColor:             #FFFFFF;
$topnavBorderColor:         #B5B5B5;
$topnavLinkColor:           #B5B5B5;
$topnavLinkActiveColor:     #121212;
$topnavLinkCaretColor:      #dddddd;
$portletBorderColor:        #C6CACD;
$portletControlColor:       #414141;
$portletControlInvertColor: #C6CACD;

@include portal-ui(skin-black-light,
		$headerBorderColor, $headerLogoColor,
		$topnavBgColor, $topnavBorderColor, $topnavLinkColor, $topnavLinkActiveColor, $topnavLinkCaretColor,
		$portletBorderColor, $portletControlColor, $portletControlInvertColor);
@include portal-ui(skin-black,
		$headerBorderColor, $headerLogoColor,
		$topnavBgColor, $topnavBorderColor, $topnavLinkColor, $topnavLinkActiveColor, $topnavLinkCaretColor,
		$portletBorderColor, $portletControlColor, $portletControlInvertColor);
